*{margin: 0px;padding: 0px;}
.viewport{    
	position: relative;
  /*min-width: 320PX;
  width: 640PX;*/
    /*margin: 0 auto;*/
    background-color: #f6f6f6;}
.banner{
	position: relative;
}
 img{width: 100%;}
.clearfix:after{
	display: table;
	content: "";
	clear: both;
}
.fl{float: left;}
.fr{float: right;}
.banquan{
	  /*background-color: yellow;*/
	  text-align:center;
    position: absolute;
    bottom: 8PX;
    left: 0;
    z-index: 11;
    width: 100%;
    }
.yuan{
	height: 6px;
width: 6px;
border-radius: 7px;
border: 1px solid white;
margin: 0 4px;
opacity:1;
display: inline-block;
box-sizing: border-box;
}
.banquan .now{background-color: white;}
.jianbian{width: 100%;height: 39px;background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
position: fixed;top: 0px; }
.shuru input{
	/*position: absolute;
	top: 0px;
	left: 0px;*/
	/*width: 100%;*/
	width: 100%;
				height: 27px;
				border: none;
				outline: none;
				border-radius: 15px;
				box-sizing: border-box;
				margin-top: 5px;
				margin-left: 10px;
				padding-left: 50px;
}
.shuru a{font-size: 14px;color: #fff;
display: block;height: 32px; line-height: 36px;
margin-left: 20px;text-decoration: none;position: fixed;top: 0px; right: 12px;}
.shuru1{width: 85%;}
.shuru{position: fixed;
				top: 0px;
				left: 0px;
				width: 100%;}
img {
				vertical-align: middle;
				width: 100%;
			}
	.search_icon{width: 12px;height: 12px;    position: absolute;
    left: 40px;
    top: 12px;}	
    .jd_icon{    width: 18px;
    height: 13px;
    position: absolute;
    left: 16px;
    top: 11px;}	
.iconul{width: 100%;padding: 10px 0px;list-style: none;
background: rgba(246, 246, 246, 1);}
.icon_img img{width: 29px;height: 29px; vertical-align: middle;}
.icon_txt{font-size: 12px;}
.iconul li{float: left;width: 20%;text-align: center;margin-top: 10px;}
.icon_txt a{color: #000000;text-decoration: none;}
.tu img{width: 100%;display: block;}
body{background: rgba(246, 246, 246, 1);}
.sou{text-align: center;}
.sou input{margin-top: 2px;
    height: 30PX;
    font-size: 12PX;
    border-radius: 6PX;
    background-color: #fff;
    padding-left: 120px;
    width: 98%;
    border:none ;
    outline: none;
    box-sizing: border-box;
    
   }
   .jidong1{position: relative;}
   .jidong{position: absolute;left: 0px;top:-24px;width: 100%;padding:0 16px ;box-sizing: border-box;}
   .jidong img{width: 73px;height: 16px;float: left;/*position: absolute;left: 10px;top: -23px;*/}
   .jidong span{font-size: 14px;color: red;float: left;position: relative;left: 3px;
   top: -2px;/*position: absolute;left: 88px;top: -26px;*/}
    .jidong p{font-size: 12px;float: right;/*position: absolute;left: 366px;top: -23px;*/}
    .miaosha{background: white;margin-top: 6px;width: 100%;/*background-color: darkcyan;*/}
.miaosh img{width: 69px;height: 27px;    margin-top: 4PX;
    margin-right: 6PX;}
    .o{    font-size: 12PX;
    color: #232326;
    font-weight: bold;
    display: inline-block;margin-top: 9px;margin-left: 5px;margin-right: 6px;}
    .kuang{width: 18px;height:16px;margin-top: 9px;
    box-sizing: border-box;border: 1px solid #ccc;
        border-radius: 2PX;font-size: 12px;text-align: center;}
    .kuang span{line-height: 16px;height: 16px;}    
.miaosh li{list-style: none;}/*background-color: red;*//*height: 31px;line-height: 31px;*/
.miaosha li:nth-of-type(1){float: left;}
.miaosha li:nth-of-type(2){float: left;}
.miaosha li:nth-of-type(3){float: left;}
.miaosha li:nth-of-type(4){float: left;}
.miaosha li:nth-of-type(5){float: left;}
.miaosha li:nth-of-type(6){float: left;}
.miaosha li:nth-of-type(7){float: left;}
.miaosh li p{margin-top: 8px;float: right;
font-size: 14px;color: red;display: inline-block;
/*background-color: yellow;*/margin-right: 10px;}
.miaosh li>span{margin-top: 5px;display: block;}
.huadong{width: 100%;box-sizing: border-box;overflow: hidden;}
.huadong1{width: 2000px;background-color: #fff;    list-style: none;
animation:gundong 1s linear ;}
.huadong1 img{height: 174px;width: 174px;}
.huadong1 li{text-align: center;width: 174px;}
.huadong1 li h4{color: red;}
.huadong1 li p{color: #666;text-decoration: line-through;font-size: 14px;
}
.huadong1 li{float: left;width: 225px;}
.miaosh {width: 100%;/*background-color: rosybrown;*/}
.miaosh .jianhuo{float: right;}


@keyframes gundong{
	0%{transform: translate(-225px);}
	25%{transform: translate(-450px);}
	50%{transform: translate(-675px);}
	75%{transform: translate(-900px);}
}
.huadong1:hover{animation:gundong 4s ;}
.dabox{width: 100%;background-color: white;}
.caise{width: 25%;border-top:1px solid rgba(246, 246, 246, 1) ;border-right: 1px solid rgba(246, 246, 246, 1);box-sizing: border-box;}
.imgse img{width: 85%;vertical-align: middle;/*padding-top: 0px;*/}
.caise2{    background-image: -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
    .caise1{text-align: center;padding-top: 10px;}
.txtse{color:#2222222 ;    font-size: .75rem;    line-height: 1.0313rem;
    height: .9375rem;}
    .imgse {box-sizing: border-box;padding-left:13px ;
    padding-top:10px ;padding-bottom: 10px;
    }
    .aisheng{width: 100%;height: 100px;}
.aisheng1{display: inline-block;width: 33.333%; 
  text-align: center;}
.aisheng1 img{padding-top: 10px;}

.di{width: 100%;position: fixed;bottom: 0px;left: 0px;}
.di1{width: 100%;list-style: none;background-color: white;}
.di1 li{width: 20%;float: left;}
.gai1{    background-image: -webkit-linear-gradient(left, rgb(254, 133, 55), rgb(240, 43, 43));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.gai2{    background-image: -webkit-linear-gradient(left, rgb(212, 0, 255), rgb(255, 49, 10));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.gai3{       background-image: -webkit-linear-gradient(left, rgb(255, 42, 0), rgb(255, 0, 175));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}    
.gai4{           background-image: -webkit-linear-gradient(left, rgb(212, 0, 255), rgb(255, 50, 10));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;} 
    .gai5{          background-image: -webkit-linear-gradient(left, rgb(0, 194, 171), rgb(62, 148, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
    .gai6{          background-image: -webkit-linear-gradient(left, rgb(255, 118, 92), rgb(255, 35, 179));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
    .gai7{          background-image: -webkit-linear-gradient(left, rgb(42, 211, 150), rgb(133, 187, 31));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}  
 
  